[Day29] CSS display複習 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

第 12 屆 iThome 鐵人賽

DAY 29

0

Modern Web

少年學Vue，如隙中窺月系列第 29 篇

[Day29] CSS display複習

12th鐵人賽

2020-10-13 23:12:44

819 瀏覽

分享至

display: block 區塊元素介紹

特性
- h1,ul,li,p
- 占滿整個版面
- 可設定寬高
- 會另起一行來呈現
- display: block
- 可以包行內元素
- div排版用區塊標籤
- https://codepen.io/lpfpgnsq/pen/BajJwOy

display: inline 行內元素介紹

特性
- 不會換行
- span排版用行內標籤
- 不能設定寬高
- 改成display: block（a標籤要讓人好點擊時）
- https://codepen.io/lpfpgnsq/pen/dyGJVww

[Day0] 參賽初衷

[Day30] 完賽心得

系列文

少年學Vue，如隙中窺月共 30 篇

目錄

RSS系列文訂閱系列文

17 人訂閱

完整目錄

熱門推薦

{{ item.subject }}

{{ item.channelVendor }} | {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

參賽組數

414 組

團體組數

14 組

累計文章數

3071 篇

最後報名日

9/15

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 17th鐵人賽 windows php c# windows server linux css react

IT邦幫忙